<template>
    <div>
        <vue-excel-editor v-model="jsondata">
            <vue-excel-column field="user"   label="User" />
            <vue-excel-column field="name"   label="Name" />
            <vue-excel-column field="phone"  label="Contact" />
            <vue-excel-column field="gender" label="Gender" />
            <vue-excel-column field="age"    label="Age" />
            <vue-excel-column field="birth"  label="Date Of Birth" />
        </vue-excel-editor>
    </div>
</template>

<script>
export default {
    data() {
        return {
            jsondata: [{
                user: 'tingke1',
                name: '听客',
                phone: '15071108555',
                gender: '男',
                age: '18',
                birth: '2020-02-02'
            }, {
                user: 'tingke2',
                name: '听客',
                phone: '15071108555',
                gender: '男',
                age: '18',
                birth: '2020-02-02'
            }, {
                user: 'tingke3',
                name: '听客',
                phone: '15071108555',
                gender: '男',
                age: '18',
                birth: '2020-02-02'
            }]
        }
    }
}
</script>

<style>

</style>
